<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>04_新增文本标签</title>
</head>
<body>
<!--拼音标签 ruby-->
<ruby>
<!--  rt在文字下面-->
  <span>魑魅魍魉</span>
  <rt>chi mei wang liang</rt>
</ruby>
<hr>
<div>
  <div>
    <ruby>
      <span>魑</span>
      <rt>chi</rt>
    </ruby>
    <ruby>
      <span>魅</span>
      <rt>mei</rt>
    </ruby>
    <ruby>
      <span>魍</span>
      <rt>wang</rt>
    </ruby>
    <ruby>
      <span>魉</span>
      <rt>liang</rt>
    </ruby>
  </div>
</div>
<hr>
<!--标记标签 mark-->
<p>Lorem ipsum dolor sit <mark>amet</mark>, consectetur adipisicing elit. Consequuntur cum delectus explicabo id impedit nam possimus quia quidem reprehenderit soluta!</p>
</body>
</html>